<template>

  <div>
    <div class="list">
      <div class="top">
        <div>地区：</div>
        <div>{{route.params.name}}</div>
      </div>
    </div>

  </div>

</template>

<script setup lang='ts'>
import { ref, reactive } from 'vue'
import { useRoute } from 'vue-router'

const route = useRoute()



</script>
<style lang="less" scoped>
.list{
  width: 100%;
  height: 100%;
}
.top {
  width: 200px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;

  div:first-child {
    color: aqua;
    font-size: medium;
  }

  div:last-child {
    color: red;
    font-size: medium;
  }
}
</style>